
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: normal;
        padding: 0px;
        color: #B0B0B0;
        background: #404060;
}

a {
	color: #B0B0B0;
}

.center {
	margin:auto;
	width:90%;
	height:420px;
	background-color:#000000;
	
	font-family: "Droid Serif";
	margin:auto;
	text-align:center;
	font-size: 40px;
    color: #7E83C1;
    display:table;
}

table.types {
	margin-left:auto; 
    margin-right:auto;
	border-collapse: separate;
	border-spacing: 20px 0px;
}

div.main {
	display:table-cell;
    vertical-align:middle;
}
span.curword {
	color:#000000;
	background-color:#808080;
}

div {
	padding:10px;
}

div.v0 {
	font-weight: normal;
}

div.La {
	color: #306090;
	font-family: "Scala Pro";
	font-size: 66px;
}

span.sentence {
	font-family: "Minion Pro";
	font-size: 56px;
}

span.keyword {
	text-decoration:underline;
}

div.En {
	color: #409050;
	font-family: "Droid Serif";
	font-size: 36px;
}

span.tp {
	color:#906090;
	font-size: 26px;
}

div.v3 {
	color: #B0B0B0;
	font-size: 36px;
}

span.total {
	font-size: 20px;
	top:460px;
	left: 860px;
	position:absolute;
}

.button {
	font-family: arial, serif;
	font-size:20px;
	color:#909090;
	text-decoration:none;
	display:block;
	width:60px;
	padding:8px;
	border:1px solid #DDD;
	text-align:center;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;

	background:#303030;
	
	top:520px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	position:absolute;
}

.mark {
	font-family: arial, serif;
	font-size:48px;
	color:#306090;
	text-decoration:none;
	display:block;
	width:60px;
	padding:8px;
	text-align:center;

	top:80px;
	margin-left: auto;
	margin-right: auto;
	left: 800px;
	right: 0;
	position:absolute;
}

.mark:active, .mark:focus {
    outline: none;
}

a#btnnew {
	right: 860px;
	background:#303090;
	position:absolute;
	width:56px;
	padding:3px;
}
/*
a#btnshuffle {
	right: 700px;
	background:#303090;
	position:absolute;
	width:56px;
	padding:3px;
}
*/
a#btnplay {
	right: 700px;
	background:#303090;
	position:absolute;
	width:56px;
	padding:3px;
}

a#btnprev {
	right: 200px;
	position:absolute;
}

a#btnnext {
	left: 200px;
	position:absolute;
}

a#btnprevv {
	right: 400px;
	position:absolute;
}

a#btnnextt {
	left: 400px;
	position:absolute;
}

.button:hover {
	color:#000000;
	border-color:#000000;
	background:#505050;
}
.button:active {
	background:#909090;
}

.smallcaps {
	font-size:32px;
	color:#906090;
}

span.verbum {
	font-family: "New Athena Unicode";
	font-size:36px;
	font-style: normal;
	font-weight: normal;
	color:#606090;
}

div.Type {
	font-weight: normal;
	font-size:36px;
	font-family: "Droid Sans";
	color:#606090;
}

.wl {
	font-weight: normal;
	font-style: normal;
	font-family: "Droid Serif";
	font-size: 20px;
	color: #838383;
}



div.options {
	margin:auto;
	width:90%;
	padding: 0;
	text-align:right;
}

span.la {
	color:#483D8B;
	font-family: "Scala Pro";
	font-size: 42px;
}

td.lemma {
	color:#483D8B;
	font-family: "Scala Pro";
	font-size: 42px;
	text-align: left;
}

td.type {
	font-weight: normal;
	font-size:36px;
	font-family: "Droid Sans";
	color:#606090;
	text-align: left;
}

td.eng {
	color: #3F5656;
	font-family: "Droid Serif";
	font-size: 33px;
	text-align: left;
}